/* 重写vant部分代码 */

/* header样式修改 */

.van-nav-bar {
  background-color: #3e7fee !important;
}

.van-nav-bar__title,
.van-nav-bar .van-icon {
  color: #ffffff !important;
}

.van-hairline--bottom::after {
  border-bottom-width: 0 !important;
}

/* notice样式修改 */

.van-notice-bar__wrap {
  font-size: 1rem !important;
  letter-spacing: 0.1rem !important;
}

.van-tag {
  font-size: 0.45rem !important;
}

/* Grid样式修改 */

.app-meun .van-icon.van-grid-item__icon {
  /* font-size: 1.65rem !important; */
  /* display: block; */
}

.van-image.van-icon__image {
  margin: 0 auto !important;
  /* display: block; */
}

.app-meun > .van-grid-item {
  width: auto;
  height: 3rem;
}

.app-meun .van-grid-item__icon + .van-grid-item__text {
  margin-top: 0px !important;
}

/* 全局图标显示样式 */

.van-grid-item__content {
  display: block;
  padding: 0 0.3rem;
  text-align: center;
}

.app-meun .van-grid-item__text {
  font-size: 0.38rem !important;
  color: #666666 !important;
  width: 100%;
  display: block;
  overflow: hidden;
  /* text-overflow:ellipsis;
  white-space: nowrap; */
  text-align: center;
}

.app-meun-header .van-grid-item__content {
  background-color: #3e7fee;
}

.app-meun-header .van-icon.van-grid-item__icon {
  font-size: 1rem !important;
}

.app-meun-header .van-grid-item__text {
  font-weight: 800;
  color: #ffffff !important;
  white-space: nowrap;
}

/* vant分割线divider样式修改  */

.app-divider-line.van-divider {
  margin: 11px 0 0 !important;
}

/* vant折叠面板collapse样式修改  */

.van-cell:not(:last-child)::after {
  border-bottom: none !important;
}

.app-collapse .van-cell {
  border-radius: 0.2rem !important;
}

.app-collapse.province .van-cell {
  background-color: #80d1f3 !important;
}

.app-collapse.hall .van-cell {
  background-color: #feae81 !important;
}

.app-collapse.city .van-cell {
  background-color: #9eefaa !important;
}

.app-collapse .van-cell__title {
  font-size: 0.5rem !important;
  color: #ffffff !important;
}

.app-collapse .van-cell__value {
  font-size: 0.5rem !important;
  color: #ffffff !important;
}

.app-collapse .van-collapse-item__content {
  border-bottom-left-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important;
  padding: 0.3rem 16px !important;
}

.app-collapse .van-cell__right-icon {
  display: none !important;
}

/* vant面板panel样式修改 */

.app-area .van-hairline--top-bottom::after,
.app-area .van-hairline-unset--top-bottom::after {
  border-width: 0 !important;
}

/* vant搜索Search样式修改 */

.app-search.van-search {
  background: rgba(0, 0, 0, 0) !important;
  padding: 0 0 0 4px !important;
}

.app-search .van-cell {
  line-height: 0.6rem !important;
}

.app-search .van-icon.van-icon-search {
  font-size: 0.6rem !important;
}

.app-search .van-field__control {
  /* text-align: center !important; */
  font-size: 0.4rem !important;
  color: #cacaca !important;
  padding-left: 5px;
}

.app-search .van-search__content--round {
  border-radius: 0.13rem !important;
  background-color: #ffffff;
}

.app-search .van-icon {
  padding-top: 3px;
}

/* vant菜单tab标签内容主体样式修改 */

.app-tab .van-tabs__content {
  padding: 0 0 0 0;
}

.app-tab .van-tab {
  padding: 0 20px 0 0!important;
  font-size: 15px;
}

.app-tab .van-tabs__nav {
  padding-left: 0.3rem !important;
}

.app-tab .van-tabs__line {
  bottom: 20px !important;
}

/*
  厅局直通中每项二级页面中的卡片样式
*/

/* vant面板pannel修改样式 */

.app-card-pannel.van-cell-group.van-hairline--top-bottom.van-panel {
  border-radius: 10px !important;
  box-shadow: 0 1px 8px 0 rgba(110, 110, 110, 0.1);
  background-repeat: no-repeat;
  background-size: 7rem 4rem;
  background-position: 100% 0.7rem;
}

.app-card-pannel .van-panel__footer {
  padding: 0 !important;
  border-top: #eaebee solid 1px;
}

.app-card-pannel .van-hairline--top::after {
  border-width: 0 !important;
}

.van-cell.van-panel__header {
  display: none;
}

.app-card-pannel .van-hairline--top-bottom::after,
.van-hairline-unset--top-bottom::after {
  border-width: 0 !important;
}

.app-card-pannel[class*='van-hairline']::after {
  border: 0 solid #ffffff !important;
}

.van-cell-group .van-cell {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
  border-bottom: 1px solid #ffffff !important;
}

/* vant单元格cell修改样式 */

.app-card-cell.van-cell {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
  border-bottom: 1px solid transparent !important;
  background-color: transparent !important;
}

.app-card-cell .van-cell__title {
  font-size: 0.55rem !important;
}

.app-card-cell .van-cell__value {
  color: #68b3fd !important;
}

/* vant宫格grid修改样式 */

.app-card-grid .van-grid-item__content {
  padding: 0.25rem 0 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* van-cell 样式 */

.van-cell-group .van-cell {
  border-bottom: 1px solid #f7f7fb;
}

.van-cell-group .van-cell .van-icon {
  margin-right: 0 !important;
}

/* vant下拉菜单样式修改 */

.app-dropdown-menu .van-dropdown-menu__title {
  font-size: 1.2rem;
}

.app-dropdown-menu .van-cell__title {
  font-size: 1rem;
}

/* 修改vant红点样式 */

.van-info--dot {
  border-radius: 50% !important;
  width: 0.29rem;
  height: 0.29rem;
}

/* 修改vant组件swipe轮播的指示器颜色 */

.van-swipe__indicator {
  background-color: #7d7c7c !important;
}

.van-swipe__indicator--active {
  background-color: #1989fa !important;
}

/* 修改vant遮罩层样式 */

.van-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}

.van-image-preview__overlay {
  background-color: rgba(0, 0, 0, 0.55);
}

/* 以下四项样式是页面滚动解决header喝tabs抖动设置 */

.menuHeaderApp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2002;
}

.app-router-view {
  /* margin-top: 1.6rem; */
  margin-top: 0.6rem;
}

.van-sticky {
  /* 修改vant的粘性定位布局（这里主要是设置tab的标题粘性定位布局） */
  position: fixed;
  /* top: 1.4rem; */
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.app-tab .van-tabs__content {
  margin-top: 0;
}

/* 修改vant按钮文字默认居中 */

.van-button__text {
  margin: 0 auto;
}

/*  */

.van-toast {
  user-select: none;
}

/* dialog-confirm提示框 */

.van-dialog {
  border-radius: 5px;
}

.van-dialog__header {
  font-size: 18px;
  color: #191f25;
  letter-spacing: -0.43px;
  text-align: center;
  line-height: 22px;
}

.van-dialog_message--has-title {
  font-size: 15px;
  color: rgba(25, 31, 37, 0.56);
  letter-spacing: -0.09px;
  text-align: center;
  line-height: 18px;
}

/* 下拉框样式重置 */

.van-dropdown-menu__bar {
  background-color: transparent;
  box-shadow: none;
}
